<template>
  <div id="app">
    <MainHeader></MainHeader>
    <Tabbar></Tabbar>
    <keep-alive include="Singer,Search">
      <router-view />
    </keep-alive>
    <Player></Player>
    <Comments></Comments>
  </div>
</template>
<script>
import MainHeader from './components/MainHeader.vue'
import Tabbar from './components/Tabbar.vue'
import Player from './views/Player.vue'
import Comments from './views/Comments.vue'
export default {
  name: 'App',
  components: {
    MainHeader,
    Tabbar,
    Player,
    Comments
  }
}
</script>
<style lang="scss" scoped>
@import "assets/css/variable";
* {
  font-family: fontFamilyName;
}
@font-face {
  font-family: "fontFamilyName";
  src: url("../public/font/ZCOOLKuaiLe-Regular.ttf");
}
</style>
